require(['./config'], () => {
    require(['swiper', 'swiper', 'template', 'request', 'header', 'footer'], (Swiper, Swiper2, template, req) => {
        class Index {
            constructor() {
                this.init()
                this.getIndexProd()
                this.getIndexShow()
            }
            init() {
                // 初始化swiper
                var mySwiper = new Swiper('.swiper-container1', {
                    direction: 'horizontal', // 水平切换选项
                    loop: true, // 循环模式选项
                    // 如果需要分页器
                    pagination: {
                        el: '.swiper-pagination',
                    },
                    // 如果需要前进后退按钮
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                    // 自动轮播
                    autoplay: true,
                })
                // 畅销新品轮播图
                var swiper2 = new Swiper2('.swiper-container2', {
                    slidesPerView: 3,
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                });
            }
            // 请求畅销新品
            getIndexProd() {
                // $.ajax({
                //     url: '/lib/mockJson/indexProd.json',
                //     type: 'get',
                //     dataType: 'json',
                //     success(res) {
                //         // console.log(res)
                //         if (res.code === 200) {
                //             const html = template
                //             ('indexProdTemplate',{data:res.data})
                //             // console.log(html)
                //             $('.row').html(html)
                //         }
                //     }
                // })
                req.getIndexHotProd()
                    .then(res => {
                        if (res.code === 200) {
                            const html = template
                                ('indexProdTemplate', { data: res.data })
                            // console.log(html)
                            $('.row').html(html)
                        }
                    })
            }
            // 请求index_blocks图片部分
            getIndexShow() {
                // $.ajax({
                //     url: '/rap2/app/mock/275365/index/prodShow',
                //     type: 'get',
                //     dataType: 'json',
                //     success(res) {
                //         // console.log(res)
                //         if (res.code === 200) {
                //             const html = template('picShowTemplate', { list: res.result_body })
                //             $('.index_blocks').html(html)
                //             // console.log(html)
                //         }
                //     }
                // })
                req.getIndexProdShow()
                    .then(res => {
                        if (res.code === 200) {
                            const html = template('picShowTemplate', { list: res.result_body })
                            $('.index_blocks').html(html)
                            // console.log(html)
                        }
                    })
            }
            

        }
        return new Index()
    })
})